<template>
    <view class="primary">
        <text class="text-2xl font-medium text">￥{{ price }}</text>
        <text class="text-xs" style="color: rgba(34, 34, 34, 1);margin-left: 5rpx;">  {{ desc }}</text>
        <text v-if="scribingPrice" class="text-xs line-through ml-2 text-muted"
            >{{ scribingPrice }}</text
        >
    </view>
</template>

<script setup lang="ts">
import { ref, withDefaults } from 'vue'

/** Props Start **/
const props = withDefaults(
    defineProps<{
        price?: string // 价格
        desc?: string // 介绍
        scribingPrice?: string // 划线价
    }>(),
    {
        price: '',
        desc: '',
        scribingPrice: ''
    }
)
/** Props End **/

/** Methods Start **/

/** Methods End **/
</script>

<style lang="scss" scoped>
.text {
    color: rgba(253, 86, 54, 1);
}
</style>
